import type { App } from 'vue';
import ElementPlus from 'element-plus';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import * as ElementPlusIconsVue from '@element-plus/icons-vue'; // 批量导入图标

//全局按需加载示例 | 也可以使用官方推荐自动按需导入 在 build\vite\plugin\index.ts 中使用
// import { ElButton, ElForm, ElFormItem, ElInput } from 'element-plus';

// const components = [ElButton, ElForm, ElFormItem, ElInput];

// export function registerApp(app: any) {
//   for (const component of components) {
//     app.component(component.name, component);
//   }
// }

export function setupElement(app: App<Element>) {
  app.use(ElementPlus, {
    locale: zhCn,
  });

  // 批量注册图标为全局组件
  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
  }
}
